/*
Lot of things stolen from http://debathena.mit.edu/styles/layout
*/

body{
font: 80% verdana, arial, helvetica, sans-serif;
text-align: center; /* for IE */
}


html{
padding: 1em;
background: #9ae4e8;
}

.logoblock{
position:absolute;top:20px;right:25%;
z-index:1;
}

.ladminfoot{
position: absolute;
bottom: 5pt;
left: 10pt;
color:#909090; font-size: 50%;
}

.radminfoot{
position: absolute;
bottom: 5pt;
right: 10pt;
color:#909090; font-size: 80%;
}


.headerblock{
text-align: center;
position: relative;left: -21%;
padding-right: 2px;
padding-left: 2px;
border: 3px solid #319aaa;
-moz-border-radius: .4em;
-webkit-border-radius: .4em;
border-radius: .4em;
background: #fff;
width:200px;
margin:auto;
font-family: Arial, sans-serif; color: #333333;
}

#content{
text-align: left;
position: relative;
top: 0px;
margin: 0 auto;
padding: 50px;
padding-top:10px;
border: 3px solid #319aaa;
-moz-border-radius: .4em;
-webkit-border-radius: .4em;
border-radius: .4em;
background: #fff;
width:65%; min-width: 650px; max-width:700px;
margin:auto; margin-top:10px;
font-family: Arial, sans-serif; color: #333333;
}
ins{text-decoration: none}
a{text-decoration: none}
h1{color: #319aaa; font-weight: normal}
img{border: 0px;}
p{line-height: 1.3}
input, select{font-family: Arial, sans-serif;font-size: 90%}
option {font-size: 10pt; font-family: monospace}
div#footer {font-size: 90%; color: #555}
div#breadcrumbs {font-size: 80%; background: #dbeff2;padding: 5px}
div#breadcrumbs a {padding: 5px}
div#breadcrumbs a:hover { padding:5px; background: #3B9DB3;color: #fafafa}
input.subjekt {width:70%}
td tt{font-size: 10pt; padding-right: 20px}
li {line-height: 1.5}
span.nick {color:grey}
span.small {color:#909090; font-size: 90%}
span.smallblack {font-size: 80%}


/* Collapsible Divs **/
#colldiv1{
width: 400px;
background: #BDF381;
border: 1px solid #319aaa;
-moz-border-radius: .4em;
-webkit-border-radius: .4em;
border-radius: .4em;
padding:5pt;
}
#colldiv2{
width: 400px;
background: #BDF381;
border: 1px solid #319aaa;
-moz-border-radius: .4em;
-webkit-border-radius: .4em;
border-radius: .4em;
padding:5pt;
}
#colldiv3{
width: 400px;
background: #BDF381;
border: 1px solid #319aaa;
-moz-border-radius: .4em;
-webkit-border-radius: .4em;
border-radius: .4em;
padding:5pt;
}
#colldiv4{
width: 400px;
background: #BDF381;
border: 1px solid #319aaa;
-moz-border-radius: .4em;
-webkit-border-radius: .4em;
border-radius: .4em;
padding:5pt;
}
#colldiv5{
width: 400px;
background: #BDF381;
border: 1px solid #319aaa;
-moz-border-radius: .4em;
-webkit-border-radius: .4em;
border-radius: .4em;
padding:5pt;
}
/* Collapsible Divs **/

#powered{
position: absolute;
right:25px;
}

#pup{
  position:absolute;
  z-index:200; /* aaaalways on top*/
  padding: 3px;
  margin-left: 10px;
  margin-top: 5px;
  width: 250px;
  border: 1px solid #319aaa;
 -moz-border-radius: .5em;
 -webkit-border-radius: .5em;
  border-radius: .5em;
  background-color: #777;
  color: white;
  font-size: 0.95em;
}
